<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS格式化时间</title>
    <script src="../resource/js/jquery-1.11.1.js"></script>


    <script>
        //
        function test1() {//两个时间比较大小(yyyy-MM-DD)
            var ks = $("#ks1").val();
            var js = $("#js1").val();
            //考虑IE不兼容问题
            var ks01 = ks.replace(/-/g, "/");
            var js01 = js.replace(/-/g, "/");
            var ks02 =  new Date(ks01);
            var js02 =  new Date(js01);
            if(ks02-js02>0){
                alert('开始时间大');
            }else if(ks02-js02==0){
                alert('两个时间相等');
            }else {
                alert('开始时间小');
            }

        }


        function test2() {//两个时间比较大小(yyyy-MM-DD hh:mm:ss)
            var ks = $("#ks2").val();
            var js = $("#js2").val();
            //考虑IE不兼容问题
            var ks01 = ks.replace(/-/g, "/");
            var js01 = js.replace(/-/g, "/");
            var ks02 =  new Date(ks01);
            var js02 =  new Date(js01);
            if(ks02-js02>0){
                alert('开始时间大');
            }else if(ks02-js02==0){
                alert('两个时间相等');
            }else {
                alert('开始时间小');
            }

        }

        function test3() {//字符转换成时间(yyyy-MM-DD)
            var ks = $("#ks3").val();
            var ks2 = ks.replace(/-/g, "/");//防止IE不兼容
            alert( ks + "__" + ks2 );
            var date = new Date(ks2);
            alert(date);

        }
        function test4() {//字符转换成时间(yyyy-MM-DD hh:mm:ss)
            var ks = $("#ks4").val();
            var ks2 = ks.replace(/-/g, "/");//防止IE不兼容
            alert( ks + "__" + ks2 );
            var date = new Date(ks2);
            alert(date);
        }
        function test5() {//时间转换字符(yyyy-MM-DD)
           var date = new Date();//假设当前时间
            var str = dateFtt("yyyy-MM-dd",date);
            alert(str);

        }
        function test6() {//时间转换字符(yyyy-MM-DD hh:mm:ss)
            var date = new Date();//假设当前时间
            var str =  dateFtt("yyyy-MM-dd hh:mm:ss",date);
            alert(str);
        }
        function dateFtt(fmt,date){
            var o = {
                "M+" : date.getMonth()+1,                 //月份
                "d+" : date.getDate(),                    //日
                "h+" : date.getHours(),                   //小时
                "m+" : date.getMinutes(),                 //分
                "s+" : date.getSeconds(),                 //秒
                "q+" : Math.floor((date.getMonth()+3)/3), //季度
                "S"  : date.getMilliseconds()             //毫秒
            };
            if(/(y+)/.test(fmt))
                fmt=fmt.replace(RegExp.$1, (date.getFullYear()+"").substr(4 - RegExp.$1.length));
            for(var k in o)
                if(new RegExp("("+ k +")").test(fmt))
                    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
            return fmt;
        }
    </script>

</head>


<body>


<button onclick="test5()">时间转换字符(yyyy-MM-DD)</button>
<hr/>
<button onclick="test6()">时间转换字符(yyyy-MM-DD hh:mm:ss)</button>
<hr/>
<input id="ks3" value="2019-06-16" />
<button onclick="test3()">字符转换时间(yyyy-MM-DD)</button>
<hr/>
<input id="ks4" value="2019-06-16 06:22:13" />
<button onclick="test4()">字符转换时间(yyyy-MM-DD hh:mm:ss)</button>
<hr/>
开始时间<input id="ks1" value="2019-06-06" /> 结束时间<input id="js1" value="2019-06-16"  />
<button onclick="test1()">两个时间比较大小(yyyy-MM-DD)</button>
<hr/>
开始时间<input id="ks2" value="2019-06-06 06:22:13" /> 结束时间<input id="js2" value="2019-06-16 06:22:13"  />
<button onclick="test2()">两个时间比较大小(yyyy-MM-DD hh:mm:ss)</button>
<hr/>




<br/>
js ie、safari浏览器bug之时间格式化NAN的解决方法
<br/>
所有主流浏览器都支持的格式为： var dateTime = new Date("2017/09/12 13:42:00");
<hr/>
</body>


</html>